.page-home {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: rgb(29, 29, 29);
  .slide-to-left-enter {
    // transform: translateX(560px);
    transform: translateX(100%);
  }
  .slide-to-left-enter-active {
    transform: translateX(0px);
    transition:  transform 0.3s; 
  }

  .slide-to-left-exit {
    transform: translateX(0px);
  }


  .slide-to-left-exit-active {
    // transform: translateX(-560px);
    transform: translateX(-100%);
    transition:  transform 0.3s;   
  }


  .slide-to-right-enter {
    // transform: translateX(560px);
    transform: translateX(-100%);
  }
  .slide-to-right-enter-active {
    transform: translateX(0px);
    transition:  transform 0.3s; 
  }

  .slide-to-right-exit {
    transform: translateX(0px);
  }


  .slide-to-right-exit-active {
    // transform: translateX(-560px);
    transform: translateX(100%);
    transition:  transform 0.3s;   
  }
}